<!doctype html>
<html class="no-js" lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>

    简介 -


  </title>
  <link href="atom.xml" rel="alternate" title="" type="application/atom+xml">
  <link rel="stylesheet" href="asset/css/foundation.min.css" />
  <link rel="stylesheet" href="asset/css/docs.css" />
  <script src="asset/js/vendor/modernizr.js"></script>
  <script src="asset/js/vendor/jquery.js"></script>
  <script src="asset/highlightjs/highlight.pack.js"></script>
  <link href="asset/highlightjs/styles/github.css" media="screen, projection" rel="stylesheet" type="text/css">
  <script>hljs.initHighlightingOnLoad();</script>

</head>

<body class="antialiased hide-extras">

  <div class="marketing off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">


      <nav class="top-bar docs-bar hide-for-small" data-topbar>


        <section class="top-bar-section">
          <div class="row">
            <div style="position: relative;width:100%;">
              <div style="position: absolute; width:100%;">
                <ul id="main-menu" class="left">
                  <li id="menu_item_index"><a href="index.html">HOME</a></li>
                  <li id="menu_item_archives"><a href="archives.html">Archives</a></li>
                  <li id="menu_item_about"><a href="about.html">ABOUT</a></li>
                </ul>

                <ul class="right" id="search-wrap">
                  <li>
                    <form target="_blank" action="http://google.com/search" method="get">
                      <input type="hidden" name="q" value="site:" />
                      <input tabindex="1" type="search" name="q" placeholder="Search" />
                    </form>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </section>

      </nav>

      <nav class="tab-bar show-for-small">
        <a href="javascript:void(0)" class="left-off-canvas-toggle menu-icon">
          <span> &nbsp; </span>
        </a>
      </nav>

      <aside class="left-off-canvas-menu">
        <ul class="off-canvas-list">

          <li><a href="index.html">HOME</a></li>
          <li><a href="archives.html">Archives</a></li>
          <li><a href="about.html">ABOUT</a></li>

          <li><label>Categories</label></li>



        </ul>
      </aside>

      <a class="exit-off-canvas" href="#"></a>


      <section id="main-content" role="main" class="scroll-container">
        <script type="text/javascript">
          $(function () {
            $('#menu_item_index').addClass('is_active');
          });
        </script>
        <div class="row">
          <div class="large-8 medium-8 columns">
            <div class="markdown-body article-wrap">
              <div class="article">

                <h1>简介</h1>

                <div class="read-more clearfix">
                  <span class="date">2016/3/14</span>




                  <span class="comments">



                  </span>

                </div>
              </div><!-- article -->

              <div class="article-content">
                <p>如果你对以下任何一项感兴趣<br />
                  - iPhone, iPod touch, iPad的音视频流<br />
                  - 在没有特殊服务器软件的情况下传输直播事件<br />
                  - 在有加密、验证需求时发送视频</p>

                <p>那么你应该学习HTTP流媒体技术。</p>

                <p>HTTP流媒体能够让你通过HTTP，从普通网络服务器，发送音视频到iOS设备（包括iPhone, iPad, iPod touch和Apple TV）和桌面电脑（Mac OS X）用以播放。
                  HTTP流媒体同时支持直播和回放预录制内容。HTTP流媒体支持多种比特率之间的切换, 同时客户端也可以根据网络带宽自动切换。 HTTP
                  同时提供通过HTTPS进行媒体加密和用户验证，使得发布者能够保护他们的成果。<br />
                  <img
                    src="https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/art/transport_stream_2x.png"
                    alt="" /></p>

                <p>所有运行iOS3.0及更新版本的设备都内置一个支持HTTP流媒体的客户端。
                  Safari浏览器能够在iPad和桌面电脑上的网页中播放HTTP直播流，或者在小屏幕iOS设备（例如iPhone和iPod）上为HTTP视频流加载一个全屏媒体播放器。 Apple TV
                  2以及更高的版本的Apple TV则包含了一个HTTP流媒体客户端。</p>

                <blockquote>
                  <p><strong>重要：</strong>通过移动蜂窝网络发送大量视频或音频数据的iPhone和iPad应用<em>被要求</em>使用HTTP流媒体。参见<a
                      href="https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/UsingHTTPLiveStreaming/UsingHTTPLiveStreaming.html#//apple_ref/doc/uid/TP40008332-CH102-SW5">应用要求</a>
                  </p>
                </blockquote>

                <p>Safari会将含有<code>&lt;video&gt;</code>标签的资源以HTTP流媒体本地播放。 Mac OS
                  X开发者可以使用<code>QTKit</code>和<code>AVFoundation</code>框架来创建播放HTTP流媒体的桌面应用。
                  iOS开发者可以使用<code>MediaPlayer</code>和<code>AVFoundation</code>框架来创建iOS应用。</p>

                <blockquote>
                  <p>
                    <strong>重要：</strong>尽可能使用<code>&lt;video&gt;</code>标签来嵌入HTTP流媒体，而仅在标记备用内容时使用<code>&lt;object&gt;</code>或<code>&lt;embed&gt;</code>标签
                  </p>
                </blockquote>

                <p>由于使用HTTP协议，这种流媒体被几乎所有边际服务器、媒体分发商、缓存系统、路由器和防火墙支持自动支持</p>

                <blockquote>
                  <p>
                    <strong>备注：</strong>许多现有的流媒体服务要求使用特殊服务器以将内容分发给终端用户。这些服务器需要特殊的技能来建设和维护，并且大规模部署这类服务器会非常昂贵。HTTP流媒体通过标准HTTP协议传送媒体来避免这些开销。另外，HTTP流媒体是为了与大规模操作的媒体分发网络无缝衔接工作而设计的。
                  </p>
                </blockquote>

                <p>HTTP流媒体规范是一份IETF互联网草案。草案的链接请见下面的“另见”一节</p>

                <h1 id="toc_0">概览</h1>

                <p>HTTP流媒体是一种通过HTTP协议将音频和视频从网络服务器传送到iOS设备或桌面电脑客户端应用上的方式。</p>

                <h3 id="toc_1">你无需特殊的服务器软件即可发送视频和音频</h3>

                <p>你可以在一个普通WEB服务器上提供HTTP流媒体的音视频服务。客户端软件可以是Safari浏览器或者你为iOS或者Mac OS X开发的应用。</p>

                <p>
                  HTTP流媒体，以一系列叫做媒体段文件的长度10秒左右的小文件的形式，传送音频和视频。索引文件，或者叫播放列表，将媒体段文件的URL提供给客户端。播放列表可以被周期性地更新，以适应不断产生媒体片段的直播。你可以向网页中嵌入一个指向播放列表的链接或者将其发送给你开发的应用。
                </p>

                <blockquote>
                  <p><strong>相关章节：</strong><a
                      href="https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/HTTPStreamingArchitecture/HTTPStreamingArchitecture.html#//apple_ref/doc/uid/TP40008332-CH101-SW2">HTTP
                      Streaming Architecture<br />
                    </a></p>
                </blockquote>

                <h3 id="toc_2">你可以按需发送视频或者直播流（加密可选）</h3>

                <p>
                  对于已经已经录制好的媒体，苹果提供一个可以将MPEG-4及H.264编码的QuickTime影片，或者AAC、MP3编码的音频文件，制作成媒体段文件和播放列表的免费工具。这些播放列表和媒体段可以用于播放视频或者广播流。<br />
                  对于直播流，苹果提供一个可以将MPEG-2传输流（包含H.264视频、ACC音频或者MP3音频）制作成段文件和播放列表的免费工具。现在有一系列的硬件和软件编码器能够实时创建搭载了MPEG-4视频和AAC音频的MPEG-2传输流。<br />
                  这些工具可以被指定加密你的媒体并生成解密密钥。你可以为你的所有流使用单一密钥、为每个流分配不同密钥或者一组随机生成的随间隔变换的密钥。密钥会被一个可以设置为周期性更改的初始化向量保护。</p>

                <blockquote>
                  <p><strong>相关章节：</strong><a
                      href="https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/UsingHTTPLiveStreaming/UsingHTTPLiveStreaming.html#//apple_ref/doc/uid/TP40008332-CH102-SW1">Using
                      HTTP Live Streaming<br />
                    </a></p>
                </blockquote>

                <h1 id="toc_3">先决条件</h1>

                <p>你应该对一般的音频和视频文件格式有大概的了解，并且熟悉网络服务器和浏览器是如何工作的。</p>

                <h1 id="toc_4">另见</h1>

                <ul>
                  <li><a
                      href="https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/uid/TP40006556">iOS
                      Human Interface Guidelines</a>——如何为iOS设备设计网页内容</li>
                  <li><a href="">HTTP Live Streaming protocol</a>——HTTP流媒体规格的IETF网络草案</li>
                  <li><a href="https://developer.apple.com/streaming/">HTTP Live Streaming Resources</a>——帮助你开始的信息和工具集
                  </li>
                  <li><a
                      href="https://developer.apple.com/library/ios/documentation/AudioVideo/Conceptual/HLS_Sample_Encryption/Intro/Intro.html#//apple_ref/doc/uid/TP40012862">MPEG-2
                      Stream Encryption Format for HTTP Live Streaming</a>一个关于加密格式的详细描述</li>
                </ul>

              </div>

              <div class="row">
                <div class="large-6 columns">
                  <p class="text-left" style="padding:15px 0px;">

                  </p>
                </div>
                <div class="large-6 columns">
                  <p class="text-right" style="padding:15px 0px;">

                    <a href="14579526408120.html" title="Next Post: HTTP串流结构">HTTP串流结构 &raquo;</a>

                  </p>
                </div>
              </div>
              <div class="comments-wrap">
                <div class="share-comments">





                </div>
              </div>
            </div><!-- article-wrap -->
          </div><!-- large 8 -->




          <div class="large-4 medium-4 columns">
            <div class="hide-for-small">
              <div id="sidebar" class="sidebar">
                <div id="site-info" class="site-info">

                  <h1></h1>
                  <div class="site-des"></div>
                  <div class="social">











                    <a class="rss" href="atom.xml" title="RSS">RSS</a>

                  </div>
                </div>
                <div id="site-categories" class="side-item ">
                  <div class="side-header">
                    <h2>Categories</h2>
                  </div>
                  <div class="side-content">

                    <p class="cat-list">

                    </p>


                  </div>
                </div>

                <div id="site-categories" class="side-item">
                  <div class="side-header">
                    <h2>Recent Posts</h2>
                  </div>
                  <div class="side-content">
                    <ul class="posts-list">


                      <li class="post">
                        <a href="14579526411881.html">简介</a>
                      </li>



                      <li class="post">
                        <a href="14579526408120.html">HTTP串流结构</a>
                      </li>



                      <li class="post">
                        <a href="14579526400842.html">使用HTTP流媒体</a>
                      </li>



                      <li class="post">
                        <a href="14579524844266.html">部署HTTP流媒体</a>
                      </li>



                      <li class="post">
                        <a href="14574344524904.html">常见问题</a>
                      </li>


                    </ul>
                  </div>
                </div>
              </div><!-- sidebar -->
            </div><!-- hide for small -->
          </div><!-- large 4 -->

        </div><!-- row -->

        <div class="page-bottom clearfix">
          <div class="row">
            <p class="copyright">Copyright &copy; 2015
              Powered by <a target="_blank" href="http://www.mweb.im">MWeb</a>,&nbsp;
              Theme used <a target="_blank" href="http://github.com">GitHub CSS</a>.</p>
          </div>
        </div>

      </section>
    </div>
  </div>




  <script src="asset/js/foundation.min.js"></script>
  <script>
    $(document).foundation();
    function fixSidebarHeight() {
      var w1 = $('.markdown-body').height();
      var w2 = $('#sidebar').height();
      if (w1 > w2) { $('#sidebar').height(w1); };
    }
    $(function () {
      fixSidebarHeight();
    })
    $(window).load(function () {
      fixSidebarHeight();
    });

  </script>





</body>

</html>